<!DOCTYPE html>
<html lang="en" xmlns:layout="http://www.w3.org/1999/xhtml"
      layout:decorate="~{commonJs}" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>旅客入住信息详情</title>
</head>
<body layout:fragment="content">
<div id="from">

    <div>
        {{passportFilesString}}
    </div>

    <div>
        <el-image v-for="url in passportFileUrlList" :key="url" :src="url" lazy></el-image>
    </div>

</div>

<script>

    var vm = new Vue({
        el: '#from',
        data: function () {
            let passportFilesString = top.vm.getVmPassportFilesJsonString();
            let passportFileUrlListTemp = [];
            if (passportFilesString) {
                let passportFilesJson = JSON.parse(passportFilesString);
                if (passportFilesJson) {
                    passportFilesJson.map(function (item, index) {
                        passportFileUrlListTemp.push(item.url);
                    });
                }
            }
            return {
                passportFileUrlList: passportFileUrlListTemp,
                passportFilesString:passportFilesString
            };
        },
        methods: {

            closeParentDialog: function () {
                top.vm.$data.dialogInfo.dialogVisible = false;
            },

        }
    });
</script>
</body>
</html>